隆Hola 馃憢! Espera mientras comienza la sesi贸n.
Antes que todo, 驴c贸mo est谩n?
Visualizaci贸n de Informaci贸n
IIC2026 2021-2
Repaso general 18/11/2021
Visualizaci贸n de Informaci贸n
IIC2026 2021-2
Visualizaci贸n de Informaci贸n el 煤ltimo tiempo
Brushing, agregaci贸n y vistas en D3.js
Visualizaci贸n de redes y grafos
Posicionamiento dirigido por fuerzas en D3
Abstracci贸n de tareas
Visualizaci贸n de jerarqu铆a y 谩rboles
Saltamos entre nivel 2, 3 y 4 del modelo
Caracterizaci贸n de dominio
Abstracci贸n de datos y tareas
Codificaci贸n visual y de interacci贸n
Implementaci贸n algor铆tmica
Examen
Aplicar el modelo anidado para resolver un problema de visualizaci贸n escogido por ustedes.
Examen
Aplicar el modelo anidado para resolver un problema de visualizaci贸n escogido por ustedes.
Informe
Herramienta de visualizaci贸n
Examen
Aplicar el modelo anidado para resolver un problema de visualizaci贸n escogido por ustedes.
Informe
Caracterizaci贸n de dominio
Abstracci贸n de datos y tareas
Codificaci贸n visual y de interacci贸n
Herramienta de visualizaci贸n
Implementaci贸n algor铆tmica
Lo primero: escoger dataset y tema a trabajar
Lo primero: escoger dataset y tema a trabajar
驴Deben ser datos que encuentre en la web/internet? 驴Pueden ser datos sobre mi?
Lo primero: escoger dataset y tema a trabajar
驴Deben ser datos que encuentre en la web/internet? 驴Pueden ser datos sobre mi?
驴Puedo pre-procesar los datos a mi gusto con otra herramienta?
Lo primero: escoger dataset y tema a trabajar
驴Deben ser datos que encuentre en la web/internet? 驴Pueden ser datos sobre mi?
驴Puedo pre-procesar los datos a mi gusto con otra herramienta?
No sabr铆a como definir un potencial usuario y posible uso. 驴Qu茅 me recomienda?
Caracterizaci贸n de dominio
- Entender el campo de conocimiento y contexto de aplicaci贸n
- Entender datos, usuarios y tareas. OJO: no abstraer a煤n.
Caracterizaci贸n de dominio
Abstracci贸n de datos y tareas
Codificaci贸n visual y de interacci贸n
Implementaci贸n algor铆tmica
Abstracci贸n de datos y tareas
- Traer las particularidades del contexto al mismo lenguaje.
- Definir el qu茅 y por qu茅 de la herramienta.
- Seleccionar los aspectos a consideraci贸n.
Caracterizaci贸n de dominio
Abstracci贸n de datos y tareas
Codificaci贸n visual y de interacci贸n
Implementaci贸n algor铆tmica
Importante: Articular y ordenar su informe alrededor de tres tareas principales a resolver
Importante: Articular y ordenar su informe alrededor de tres tareas principales a resolver
Ordenar informe por secciones del modelo anidado
Codificaci贸n visual y de interacci贸n
- Definir el c贸mo.
- Idiom: enfoque distintivo de codificar informaci贸n o manipularla.
- Hay decisiones visuales y decisiones de interacci贸n.
Caracterizaci贸n de dominio
Abstracci贸n de datos y tareas
Codificaci贸n visual y de interacci贸n
Implementaci贸n algor铆tmica
Codificaciones visuales
Percepci贸n
Color
Principios de dise帽o
Visualizaci贸n de datos tabulares
Visualizaci贸n de datos espaciales
Manipulaci贸n de vista
Facet
Reducci贸n de datos
Visualizaci贸n de redes y grafos
Visualizaci贸n de jerarqu铆a y 谩rboles
Implementaci贸n algor铆tmica
- C贸digo: tecnolog铆as web + D3.js
- Resultado: una herramienta autocontenida.
Caracterizaci贸n de dominio
Abstracci贸n de datos y tareas
Codificaci贸n visual y de interacci贸n
Implementaci贸n algor铆tmica
Intro a la web: HTML, CSS y SVG
Intro a la web: JS y D3
Selecciones y join de datos en D3
Utilidades de D3 I
Utilidades de D3 II
Layouts tabulares en D3
Zooming y panning en D3
Brushing, agregaci贸n y vistas en D3.js
Posicionamiento dirigido por fuerzas en D3
Si sigues con dudas de D3.js, vuelve a las c谩psulas b谩sicas
Pr贸ximamente
Validaci贸n en Visualizaci贸n de Informaci贸n
Sesiones de trabajo en examen
驴Dudas espec铆ficas?
隆Visualizaci贸n del d铆a!
Life in Los Angeles by Eugene Turner, 1977.
Propuesta por entidad an贸nima.
(Fuente: ICA Commisions of Map Design)
Pr贸ximos eventos:
Estamos en plazo de realizaci贸n de Examen, el que termina este jueves 2 de diciembre.
隆Queda la 煤ltima sesi贸n de contenidos de material (remota)! Validaci贸n en visualizaci贸n (martes 23).
Hito 2 est谩n en proceso de correcci贸n. Cuestionarios hay suficientes para pasar el requisito de revisi贸n de material.
Luego vienen sesiones de trabajo de examen. Potencialmente tendremos sesiones con presencialidad que avisaremos apenas podamos.